<template>
    <div class="navBar">
        <div class="leftIcon"><slot name="leftIcon"></slot></div>
        <div class="titleText"><slot name="titleText"></slot></div>
        <div class="rightIcon"><slot name="rightIcon"></slot></div>
    </div>
</template>

<script>
export default {
    name:"NavBar",
}
</script>

<style scopeed>
   .navBar{
       display: flex;
       line-height: 44px;
       width: 100%;
       text-align: center;
   }
   .titleText{
       flex: 1;
   }
</style>